var Compras = {}
$(document).ready(function(){
    Compras.addedItems = 0;
    
    $("#formID").validationEngine('attach');
    $(".compras-add-item").click(function(){
        var row = $(this).parents("tr");
        
        var id = row.attr("id");
        var marca = row.data("marca");
        var modelo = row.data("modelo");
        var unidad = row.data("unidad");
        var unidad2 = row.data("unidad2");
        
        Compras.addedItems++;
        var itemsComprasName = 'ItemsCompras[' + (Compras.addedItems - 1) + ']';
        
        var newRow = 
        $("<tr>").data("id-articulo", id).append(
            $("<td>").html(marca),
            $("<td>").html(modelo),
            $("<td>").html($("<input id='cantidad_"+id+"' type='text' class='small validate[custom[integer]] validation' required>").attr("name", itemsComprasName + '[cantidad]')),
            $("<td>").html($("<select name='"+itemsComprasName+"[unidad]'>"+
                "<option value='1'>"+unidad+"</option>"+
                "<option value='0'>"+unidad2+"</option></select>")),
            $("<td>").html($("<input id='valor_"+id+"' type='text' class='small validate[custom[number]] validation' required>").attr("name", itemsComprasName + '[valor]')),
            $("<td>").append(
                $("<input type='hidden'>").attr("name", itemsComprasName + "[idArticulo]").val(id),
                $("<button class='compras-quitar-item button small'>").html("Quitar")
                )
            );
                
        $("#items-compras tbody").prepend(newRow);
                
        row.hide("fade");
        newRow.show("highlight", 500);
    });
    
    $(".compras-quitar-item").live("click", function(){
        var row = $(this).parents("tr");
        var id = row.data("id-articulo");
        
        row.hide("fade", function(){
            $("#" + id).show("fade");
            row.remove();
        });
        
        return false;
    });
});